import Guide from '@/components/Guide';
import { trim } from '@/utils/format';
import { PageContainer } from '@ant-design/pro-components';
import { useModel } from '@umijs/max';
import styles from './index.less';
import CcButton from "@/pages/Home/components/CcButton";
import CcDropdown from "@/pages/Home/components/CcDropdown";
import CcIcon from "@/pages/Home/components/CcICon";
import CcTypography from "@/pages/Home/components/CcTypography";
import CcSlider from "@/pages/Home/components/CcSlider";
import CcProLayout from "@/pages/Home/proComponents/CcProLayout";
import CcDivider02 from "@/pages/Home/components/CcDivider02";
import CcGrid from "@/pages/Home/components/CcGrid";
import CcLayout from "@/pages/Home/components/CcLayout/index02.tsx";
import CcSpace from "@/pages/Home/components/CcSpace";
import CcProTable from "@/pages/Home/proComponents/CcProTable";
import CcAnchor from "@/pages/Home/components/CcAnchor";
import CcBreadcrumb from "@/pages/Home/components/CcBreadcrumb";
import CcProEditableTable from "@/pages/Home/proComponents/CcProEditableTable";

const HomePage: React.FC = () => {
  const { name } = useModel('global');
  return (
      <div >

          {/*<CcButton/>*/}

          {/*<CcDropdown/>*/}

          {/*<CcIcon></CcIcon>*/}
          {/*<CcTypography/>*/}

          {/*<CcSlider></CcSlider>*/}


          {/*<CcProLayout/>*/}
          {/*<CcDivider02/>*/}
          {/*<CcGrid/>*/}

          {/*<CcLayout/>*/}
          {/*<CcSpace/>*/}


          {/*<CcProTable/>*/}
          {/*<CcAnchor></CcAnchor>*/}
          {/*<CcBreadcrumb></CcBreadcrumb>*/}

          <CcProEditableTable/>
      </div>
  );
};

export default HomePage;
